<!doctype html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>WEB远程桌面</title>
    <link rel="stylesheet" href="../css/init.css"/>
    <link rel="stylesheet" href="../pose/index.css"/>
</head>
<body>
<!--image标签，用于远程桌面的截图显示-->
<section id="demos">

    <div id="liveView" class="videoView">
<!--        <button id="webcamButton" class="mdc-button mdc-button&#45;&#45;raised">-->
<!--            <span class="mdc-button__ripple"></span>-->
<!--            <span class="mdc-button__label">ENABLE WEBCAM</span>-->
<!--        </button>-->
        <div style="position: relative;">
<!--            <video id="webcam" style="width: 1280px; height: 720px; position: abso" autoplay playsinline></video>-->
            <canvas class="output_canvas" id="output_canvas" width="360" height="720"
                    style="position: absolute; left: 0px; top: 0px; background:#000"></canvas>
        </div>
    </div>
</section>
<script src="../js/jquery-3.4.1.min.js"></script>
<script src="../js/websocketclient.js" charset="utf-8"></script>
<script type="module" src="../js/index.js" crossorigin="anonymous">
</script>
</body>
</html>